<!DOCTYPE html>
<html>
<head>
	<title>about</title>
	<style type="text/css">
		/*CSS初始化*/
		body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
		body{font:16px "微软雅黑","宋体";}
		a{color:#14191e;text-decoration:none}
		a:hover{color:#666;font-weight:bold}
		em{font-style:normal}
		li{list-style:none}
		/*img{border:0;vertical-align:middle}*/
		input{
		    outline: none;
		}
		/*CSS初始化结束*/
		/*头部开始*/
		header{
		    width: 100%;
		    height: 80px;
		}
		/*body{*/
		    /*height: 4000px;*/
		/*}*/
		.logo{
		    float: left;
		    width: 300px;
		    height: 80px;
		}
		
		header .nav{
		    float: left;
		    width: 500px;
		    display: flex;
		}
		header .nav ul{
		    float: left;
		    text-align: center;
		}
		header .nav ul li{
		    display: inline;
		    float: left;
		    width: 100px;
		
		}
		header .nav ul li a{
		    display: inline-block;
		    float: left;
		    padding-left:25px;
		    height: 80px;
		    line-height: 80px;
		}
		.search{
		    float: left;
		    width: 300px;
		    height: 50px;
		    margin: 15px 15px;
		    position: relative;
		}
		.search input{
		    width: 260px;
		    height: 40px;
		    border-top:none;
		    border-left:none;
		    border-right:none;
		}
		.search img{
		    float: right;
		    width: 20px;
		    margin: 10px 0;
		    position: absolute;
		    top: 5px;
		    right: 10px;
		}
		.login{
		    float: right;
		    width: 219px;
		    display: flex;
		    flex-direction:row;
		}
		.login li{
		    display: inline-block;
		    flex: 1;
		    padding-left: 27px;
		}
		.login li a{
		    height: 50px;
		    line-height: 50px;
		    float: right;
		    margin-top: 15px;
		}
		/*头部结束*/
		
		
		/*底部开始*/
		.line{
		    width: 90%;
		    border-top: 1px solid #666;
		    margin: 30px auto 0;
		    color: #ff7631;
		    padding: 15px;
		}
		footer p{
		    text-align: center;
		    font-size: 15px;
		    font-weight: 700;
		}
		footer a{
		    font-size: 14px;
		    color: #999;
		}
		.copyright{
		  text-align: center;
		    color: #999;
		    font-size: 14px;
		    margin-top: 15px;
		}
		/*底部结束*/
		section{
			width: 800px;
			height: 800px;
			margin: 10px auto;
			border: 1px solid #999;
		}
		section div{
			margin-bottom: 30px;
			font-size: 16px;
			color: #aaa;
		}
	</style>
</head>
<body>
	 <!--头部开始-->
    <header>
        <div class="logo"><img src="images/logo.jpg" alt=""></div>
        <div class="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">菜谱</a></li>
                <li><a href="#">加入我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
        <div class="search">
            <input type="text">
            <img src="images/search.png">
        </div>
        <div class="login">
            <ul>
                <li><a href="#">注册</a></li>
                <li><a href="#">登录</a></li>
                <li><a href="#">退出</a></li>
            </ul>
        </div>
    </header>
        <!--头部结束-->
       <div class="pic"><img src="images/about.png"></div>
       <section>
       		<div class="about1">
       			<h1 style="color:#fb1f1f;text-align:center;margin-top:15px;margin-bottom:15px;">关于走胃更走心</h1>
       			<p><pre>    走胃更走心是可以让你吃得健康、吃出美的一个很好的浏览美食的网站，在这里，你可以学到认识很多的美</br>  食，也可以了解更多食材，以及美食的制作过程，以及各种美食的相关知识，以及它们的食用宜忌和营养价值！</br>  秉承让大家“吃得更好，活得更美”的企业使命，走胃更走心的美食种类繁多，主食区、蔬菜区、水果区、饮</br>  料区和甜品点心区都有涉及到，还有每一餐的营养搭配，让你对美食有更好的了解。</pre></p>
       			<p><pre>    走胃更走心致力于改善和提升消费者的生活品质，用科技和创新赋能传统产业，深刻影响和改变了广大用户</br>  的对美食的选择。</pre></p>
			<p><pre>    在走胃更走心你可以认识食材、学习菜谱。</pre></p>
			<p><pre>    从小白到大咖，然后脑洞大开技惊全场；或者挑战烘焙，甜蜜满屋。<pre></p><p><pre>    人人都是美食家，欢迎你参与进来——</pre></p>
			</div>
       		<div class="about2">
       			<h1 style="color:#fb1f1f;text-align:center;margin-bottom:15px;">About taking the stomach and taking the heart</h1>
       			<p><pre>   Getting a better stomach is a great way to eat healthy and beautiful foods, where you can learn </br>  to know a lot about food, more about ingredients, and the process of making it. And all kinds of</br>  food related knowledge, as well as their food and nutritional value! Adhering to the corporate </br>  mission of making everyone "eat better and live better", there are a wide range of foods that</br>  take care of their stomachs. The staple food areas, vegetable areas, fruit areas, beverage areas, </br>  and dessert dessert areas are all involved. There is a nutritional mix for each meal to give you</br>  a better understanding of the food.</pre></p>
<p><pre>    It is more committed to improving and improving the quality of life of consumers, using</br>  technology and innovation to empower traditional industries, and has profoundly affected and </br>  changed the choice of food for users.</pre></p>
			<p><pre>   You can learn ingredients, you can learn recipes.</pre></p>
			<p><pre>   From small white to big coffee, and then the brain hole opened up the game; Or challenge the</br>  baking, sweet all over the house.</pre></p>
			<p><pre>   Everyone is a gourmet, and you're welcome to join us——</pre></p>
       		</div>
       </section>
        <footer>
        <!--底部开始-->
        <div class="line"><h3>走胃更走心---吃得健康又营养!</h3></div>
        <p class="link">友情链接:
            <a href="http://life.iqiyi.com/">爱奇艺生活</a>
            <a href="http://www.zhms.cn/">中华美食网</a>
            <a href="http://www.pcbaby.com.cn/">太平洋亲子网</a>
            <a href="http://food.poco.cn/">POCO美食网</a>
            <a href="http://www.21food.cn/">食品商务网</a>
            <a href="http://www.mama.cn/">妈妈网</a>
            <a href="http://www.39yst.com/">三九养生堂</a>
            <a href="http://www.258.com/">企业服务平台</a>
            <a href="http://www.yidianzixun.com/">一点资讯</a>
            <a href="http://www.hc360.com/">慧聪网</a>
        </p>
        <p class="copyright">版权所有 © 2004-2019 走心更走胃 保留所有权利</p>
        <!--底部结束-->
    </footer>
</body>
</html>